<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初始化页面</title>
</head>
<body>
<!-- 在这里添加页面内容 -->
<button type="button" onclick="openHmPhoto()">点击</button>
<button type="button" onclick="onclickFunction()">点击2</button>
<div id="showContent">1</div>
</body>

<script>
    function openHmPhoto() {
        // 调用鸿蒙的业务方法
        // openPhoto()
        window.HmClass.openPhoto()
        let str = window.HmClass.classFunction()
        document.querySelector("#showContent").innerHTML = str
    }

    // 在 ArkTS 中调用网页方法 适用于鸿蒙中的异步方法
    function setImageUrl(str) {
        document.querySelector("#showContent").innerHTML = str
    }

    function onclickFunction() {
        window.HmClass.asyncFunction()
    }
</script>
</html>
